@charset "UTF-8";
/*作者:小正*/
* {}
body {background: #454545;line-height: 1.6;}
a, body {color: #eee;}
a {text-decoration: none;}

.zuo {float: left;width: 20%;
    position: fixed;}
.main {float: right;width: 80%;

    color: #454545;}

.zuo > * {padding: 10px 10px;}

.zuo .nav a,
.zuo .tag_list a {
    display: block;
    padding: 7px;
    color: #888;
    -webkit-transition: color 150ms;
    -o-transition: color 150ms;
    transition: color 150ms;
}

.zuo .nav a{font-weight: 600;}

.zuo .nav a:hover,
.zuo .tag_list a:hover{color: #eee;}

.head .logo {
    padding: 10px 20px;
    font-size: 30px;
    display: inline-block;
    border: 3px solid #eee;
    margin-bottom: 10px;
    line-height: 1;
}

.art-list ,.article {
    margin-right: 30%;
    background: #fff;
    padding: 20px 30px;
    -webkit-box-shadow: 0 0 5px 3px #5bc0de;
    -moz-box-shadow:  0 0 5px 3px #e9322d;
    box-shadow:  0 0 5px 3px #0e0e0e;
}

.art-list .item .title, .article title {font-size: 22px;font-weight: 700;}

.art-list .item .status, .article title {font-size: 13px;color: #ccc;}

.art-list .item > * {margin: 10px 0;}

.art-list .item {margin: 23px;}

.article > * {
    margin: 10px 0;}